<template>
    <div id="app">
        <transition name="fade"
                    mode="out-in">
            <router-view></router-view>
        </transition>
    </div>
</template>

<script>
export default {
  name: 'app',
  components: {}
};
</script>

<style lang="less">
    body {
        margin: 0px;
        padding: 0px;
        font-family:Microsoft YaHei,Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,SimSun, sans-serif;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
    }

    div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
    fieldset, input, textarea, p, blockquote, th, td, button {
        font-family:Microsoft YaHei,Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,SimSun, sans-serif;
    }

    .el-pagination{
      background: #f2f2f2;
      text-align: right;
    }

    .el-collapse-item__header {
      font-weight: bold;
    }

    .el-table__body tr.current-row>td {
      background: #FFDAB9;
    }

    .el-table__body tr.hover-row>td{
      background-color:#FFDAB9
    }

    .el-table__body tr.hover-row>td{background-color:#FFDAB9}

    .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#FFDAB9;background-clip:padding-box}

    .toolbar{
      background: #f2f2f2;
    }

    #app {
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
    }

    .fade-enter-active,
    .fade-leave-active {
        transition: all .2s ease;
    }

    .fade-enter,
    .fade-leave-active {
        opacity: 0;
    }
</style>
